<template>
    <div class="main">
        <AppHeader></AppHeader>
        <div class="container">
            <LeftNav></LeftNav>
            <div class="sub-page">
                <router-view></router-view>
            </div>
        </div>
    </div>
</template>

<script setup>
import AppHeader from '@/components/common/AppHeader.vue';
import LeftNav from '@/components/common/LeftNav.vue';
</script>

<style scoped lang="less">
.main {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    .container {
        flex: 1;
        background-color: #f9fafb;
        display: flex;

        .sub-page {
            flex: 1;
            overflow-x: hidden;
            overflow-y: auto;
        }
    }
}
</style>